<template>
  <div class="mainDiv">
    <div class="contentBox">
      <div class="title">渠道商户主体身份</div>
      <informationPresent
        :detailDatas="detailDatas"
        :titleItems="merchantSubjectInformationObj"
      ></informationPresent>
    </div>
  </div>
</template>

<script setup lang="ts">
import informationPresent from "../components/informationPresent.vue";
import { settleApplyManagementQueryDetail } from "@/api/applicaiton";
import { useRoute } from "vue-router";
import { merchantSubjectInformationObj } from "./data";
const route = useRoute();
const applno = computed(() => {
  return route.query.applno;
});
const detailDatas = ref();
onMounted(() => {
  settleApplyManagementQueryDetail({ applno: applno }).then((res: any) => {
    if (res.cd === "2000") {
      detailDatas.value = res.dt;
    }
  });
});
</script>

<style scoped lang="scss">
.mainDiv {
  .contentBox {
    .title {
      color: $themeBlue;
      font-size: 20px;
    }
  }
}
</style>
